<!--2、登录&注册-->
<template>
  <div class="fqa">
    <div class="page-title">
      <p class="title">SHIPPING</p>
    </div>
    <div class="container fqa-frame">
      <p class="title">international transport</p>
      <p
        class="ac-bg text"
        v-for="(item, index) in fqa1List"
        :key="index"
        @click="clickQuestion1(index)"
      >
        {{ item.name }}
      </p>
      <p class="title" style="margin-top: 2rem">American Transportation</p>
      <p
        class="ac-bg text"
        v-for="(item, index) in fqa2List"
        :key="index"
        @click="clickQuestion2(index)"
      >
        {{ item.name }}
      </p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      fqa1List: [
        {
          name: "Reach Destination Country",
          url: "/other/deliorder/shipping/qs1",
        },
        {
          name: "Can I choose a third-party express delivery service",
          url: "/other/deliorder/shipping/qs2",
        },
        {
          name: "Will there be international customs fees",
          url: "/other/deliorder/shipping/qs3",
        },
        {
          name: "How much does it cost to ship to the United States(USA)",
          url: "/other/deliorder/shipping/qs4",
        },
        {
          name: "Can gift of Miss Yeah be shipped to my country",
          url: "/other/fqa/servercount",
        },
        {
          name: "How to check the tracking number",
          url: "/other/deliorder/shipping/qs6",
        },
        {
          name: "Will there be international customs fees",
          url: "/other/deliorder/shipping/qs3",
        },
      ],
      fqa2List: [
        {
          name: "Do n’t Receive My Tracking Number",
          url: "/other/deliorder/shipping/qs7",
        },
        {
          name: "How long will my parcel be received",
          url: "/other/deliorder/shipping/qs8",
        },
        {
          name: "Will there be international customs fees",
          url: "/other/deliorder/shipping/qs9",
        },
      ],
    };
  },
  methods: {
    clickQuestion1(index) {
      this.$router.push({
        path: this.fqa1List[index].url,
      });
    },
    clickQuestion2(index) {
      this.$router.push({
        path: this.fqa2List[index].url,
      });
    },
  },
};
</script>
<style lang="less" scoped>
.fqa {
  padding-bottom: 5rem;
  .fqa-frame {
    width: 100%;
    clear: both;
    margin: 0 autp;
    text-align: center;
    padding-bottom: 1rem;
    .title {
      font-size: 1.4rem;
      font-family: "BTBlack";
    }
    .text {
      font-size: 0.8rem;
      line-height: 0.8rem;
      margin-top: 0.5rem;
      cursor: pointer;
      font-family: "BTBlack";
    }
    .text:hover {
      color: #979899;
    }
  }
}
</style>